<?php echo $header; ?>
<div id="content">
    <div class="breadcrumb">
        <?php foreach ($breadcrumbs as $breadcrumb) { ?>
            <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
        <?php } ?>
    </div>
    <?php if ($error_warning) { ?>
        <div class="warning"><?php echo $error_warning; ?></div>
    <?php } ?>
    <div class="box">
        <div class="heading">
            <h1><img src="view/image/module.png" alt="" /> <?php echo $heading_title; ?></h1>
            <div class="buttons"><a onclick="$('#form').submit();" class="button"><?php echo $button_save; ?></a><a onclick="location = '<?php echo $cancel; ?>';" class="button"><?php echo $button_cancel; ?></a></div>
        </div>
        <div class="content">
            <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
                <table class="form">
                    <tr>
                        <td><?php echo $entry_news; ?></td>
                        <td><input type="text" name="news" value="" /></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><div id="newsfeatured-news" class="scrollbox">
                                <?php $class = 'odd'; ?>
                                <?php foreach ($newss as $news) { ?>
                                    <?php $class = ($class == 'even' ? 'odd' : 'even'); ?>
                                    <div id="newsfeatured-news<?php echo $news['news_id']; ?>" class="<?php echo $class; ?>"><?php echo $news['name']; ?> <img src="view/image/delete.png" />
                                        <input type="hidden" value="<?php echo $news['news_id']; ?>" />
                                    </div>
                                <?php } ?>
                            </div>
                            <input type="hidden" name="newsfeatured_news" value="<?php echo $newsfeatured_news; ?>" /></td>
                    </tr>
                </table>
                <table id="module" class="list">
                    <thead>
                        <tr>
                            <td class="left"><?php echo $entry_limit; ?></td>
                            <td class="left"><?php echo $entry_limitdescription; ?></td>
                            <td class="left"><?php echo $entry_image; ?></td>
                            <td class="left"><?php echo $entry_layout; ?></td>
                            <td class="left"><?php echo $entry_position; ?></td>
                            <td class="left"><?php echo $entry_description; ?></td>		
                            <td class="left"><?php echo $entry_imagestatus; ?></td>				
                            <td class="left"><?php echo $entry_status; ?></td>
                            <td class="right"><?php echo $entry_sort_order; ?></td>
                            <td></td>
                        </tr>
                    </thead>
                    <?php $module_row = 0; ?>
                    <?php foreach ($modules as $module) { ?>
                        <tbody id="module-row<?php echo $module_row; ?>">
                            <tr>
                                <td class="left"><input type="text" name="newsfeatured_module[<?php echo $module_row; ?>][limit]" value="<?php echo $module['limit']; ?>" size="1" /></td>
                                <td class="left"><input type="text" name="newsfeatured_module[<?php echo $module_row; ?>][limitdescription]" value="<?php echo $module['limitdescription']; ?>" size="1" /></td>
                                <td class="left"><input type="text" name="newsfeatured_module[<?php echo $module_row; ?>][image_width]" value="<?php echo $module['image_width']; ?>" size="3" />
                                    <input type="text" name="newsfeatured_module[<?php echo $module_row; ?>][image_height]" value="<?php echo $module['image_height']; ?>" size="3" />
                                    <?php if (isset($error_image[$module_row])) { ?>
                                        <span class="error"><?php echo $error_image[$module_row]; ?></span>
                                    <?php } ?></td>
                                <td class="left"><select name="newsfeatured_module[<?php echo $module_row; ?>][layout_id]">
                                        <?php foreach ($layouts as $layout) { ?>
                                            <?php if ($layout['layout_id'] == $module['layout_id']) { ?>
                                                <option value="<?php echo $layout['layout_id']; ?>" selected="selected"><?php echo $layout['name']; ?></option>
                                            <?php } else { ?>
                                                <option value="<?php echo $layout['layout_id']; ?>"><?php echo $layout['name']; ?></option>
                                            <?php } ?>
                                        <?php } ?>
                                    </select></td>
                                <td class="left"><select name="newsfeatured_module[<?php echo $module_row; ?>][position]">
                                        <?php if ($module['position'] == 'column_banner_left') { ?>
                                            <option value="column_banner_left" selected="selected"><?php echo $text_column_banner_left; ?></option>
                                        <?php } else { ?>
                                            <option value="column_banner_left"><?php echo $text_column_banner_left; ?></option>
                                        <?php } ?>
                                        <?php if ($module['position'] == 'column_banner_right') { ?>
                                            <option value="column_banner_right" selected="selected"><?php echo $text_column_banner_right; ?></option>
                                        <?php } else { ?>
                                            <option value="column_banner_right"><?php echo $text_column_banner_right; ?></option>
                                        <?php } ?>
                                        <?php if ($module['position'] == 'content_top') { ?>
                                            <option value="content_top" selected="selected"><?php echo $text_content_top; ?></option>
                                        <?php } else { ?>
                                            <option value="content_top"><?php echo $text_content_top; ?></option>
                                        <?php } ?>
                                        <?php if ($module['position'] == 'content_bottom') { ?>
                                            <option value="content_bottom" selected="selected"><?php echo $text_content_bottom; ?></option>
                                        <?php } else { ?>
                                            <option value="content_bottom"><?php echo $text_content_bottom; ?></option>
                                        <?php } ?>
                                        <?php if ($module['position'] == 'column_left') { ?>
                                            <option value="column_left" selected="selected"><?php echo $text_column_left; ?></option>
                                        <?php } else { ?>
                                            <option value="column_left"><?php echo $text_column_left; ?></option>
                                        <?php } ?>
                                        <?php if ($module['position'] == 'column_right') { ?>
                                            <option value="column_right" selected="selected"><?php echo $text_column_right; ?></option>
                                        <?php } else { ?>
                                            <option value="column_right"><?php echo $text_column_right; ?></option>
                                        <?php } ?>
                                    </select></td>
                                <td class="left"><select name="newsfeatured_module[<?php echo $module_row; ?>][description]">
                                        <?php if ($module['description']) { ?>
                                            <option value="1" selected="selected"><?php echo $text_enabled; ?></option>
                                            <option value="0"><?php echo $text_disabled; ?></option>
                                        <?php } else { ?>
                                            <option value="1"><?php echo $text_enabled; ?></option>
                                            <option value="0" selected="selected"><?php echo $text_disabled; ?></option>
                                        <?php } ?>
                                    </select></td>	
                                <td class="left"><select name="newsfeatured_module[<?php echo $module_row; ?>][imagestatus]">
                                        <?php if ($module['imagestatus']) { ?>
                                            <option value="1" selected="selected"><?php echo $text_enabled; ?></option>
                                            <option value="0"><?php echo $text_disabled; ?></option>
                                        <?php } else { ?>
                                            <option value="1"><?php echo $text_enabled; ?></option>
                                            <option value="0" selected="selected"><?php echo $text_disabled; ?></option>
                                        <?php } ?>
                                    </select></td>
                                <td class="left"><select name="newsfeatured_module[<?php echo $module_row; ?>][status]">
                                        <?php if ($module['status']) { ?>
                                            <option value="1" selected="selected"><?php echo $text_enabled; ?></option>
                                            <option value="0"><?php echo $text_disabled; ?></option>
                                        <?php } else { ?>
                                            <option value="1"><?php echo $text_enabled; ?></option>
                                            <option value="0" selected="selected"><?php echo $text_disabled; ?></option>
                                        <?php } ?>
                                    </select></td>
                                <td class="right"><input type="text" name="newsfeatured_module[<?php echo $module_row; ?>][sort_order]" value="<?php echo $module['sort_order']; ?>" size="3" /></td>
                                <td class="left"><a onclick="$('#module-row<?php echo $module_row; ?>').remove();" class="button"><?php echo $button_remove; ?></a></td>
                            </tr>
                        </tbody>
                        <?php $module_row++; ?>
                    <?php } ?>
                    <tfoot>
                        <tr>
                            <td colspan="6"></td>
                            <td class="left"><a onclick="addModule();" class="button"><?php echo $button_add_module; ?></a></td>
                        </tr>
                    </tfoot>
                </table>
            </form>
        </div>
    </div>
    <script type="text/javascript"><!--
        $('input[name=\'news\']').autocomplete({
            delay: 0,
            source: function(request, response) {
                $.ajax({
                    url: 'index.php?route=catalog/news/autocomplete&token=<?php echo $token; ?>',
                    type: 'POST',
                    dataType: 'json',
                    data: 'filter_name=' +  encodeURIComponent(request.term),
                    success: function(json) {		
                        response($.map(json, function(item) {
                            return {
                                label: item.name,
                                value: item.news_id
                            }
                        }));
                    }
                });
		
            }, 
            select: function(event, ui) {
                $('#newsfeatured-news' + ui.item.value).remove();
		
                $('#newsfeatured-news').append('<div id="newsfeatured-news' + ui.item.value + '">' + ui.item.label + '<img src="view/image/delete.png" /><input type="hidden" value="' + ui.item.value + '" /></div>');

                $('#newsfeatured-news div:odd').attr('class', 'odd');
                $('#newsfeatured-news div:even').attr('class', 'even');
		
                data = $.map($('#newsfeatured-news input'), function(element){
                    return $(element).attr('value');
                });
						
                $('input[name=\'newsfeatured_news\']').attr('value', data.join());
					
                return false;
            }
        });

        $('#newsfeatured-news div img').live('click', function() {
            $(this).parent().remove();
	
            $('#newsfeatured-news div:odd').attr('class', 'odd');
            $('#newsfeatured-news div:even').attr('class', 'even');

            data = $.map($('#newsfeatured-news input'), function(element){
                return $(element).attr('value');
            });
					
            $('input[name=\'newsfeatured_news\']').attr('value', data.join());	
        });
        //--></script> 
    <script type="text/javascript"><!--
        var module_row = <?php echo $module_row; ?>;

        function addModule() {	
            html  = '<tbody id="module-row' + module_row + '">';
            html += '  <tr>';
            html += '    <td class="left"><input type="text" name="newsfeatured_module[' + module_row + '][limit]" value="5" size="1" /></td>';
            html += '    <td class="left"><input type="text" name="newsfeatured_module[' + module_row + '][limitdescription]" value="200" size="1" /></td>';	
            html += '    <td class="left"><input type="text" name="newsfeatured_module[' + module_row + '][image_width]" value="80" size="3" /> <input type="text" name="newsfeatured_module[' + module_row + '][image_height]" value="80" size="3" /></td>';	
            html += '    <td class="left"><select name="newsfeatured_module[' + module_row + '][layout_id]">';
<?php foreach ($layouts as $layout) { ?>
            html += '      <option value="<?php echo $layout['layout_id']; ?>"><?php echo addslashes($layout['name']); ?></option>';
<?php } ?>
        html += '    </select></td>';
        html += '    <td class="left"><select name="newsfeatured_module[' + module_row + '][position]">';
        html += '      <option value="column_banner_left"><?php echo $text_column_banner_left; ?></option>';
        html += '      <option value="column_banner_right"><?php echo $text_column_banner_right; ?></option>';
        html += '      <option value="content_top"><?php echo $text_content_top; ?></option>';
        html += '      <option value="content_bottom"><?php echo $text_content_bottom; ?></option>';
        html += '      <option value="column_left"><?php echo $text_column_left; ?></option>';
        html += '      <option value="column_right"><?php echo $text_column_right; ?></option>';
        html += '    </select></td>';
        html += '    <td class="left"><select name="newsfeatured_module[' + module_row + '][description]">';
        html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
        html += '      <option value="0"><?php echo $text_disabled; ?></option>';
        html += '    </select></td>';	
        html += '    <td class="left"><select name="newsfeatured_module[' + module_row + '][imagestatus]">';
        html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
        html += '      <option value="0"><?php echo $text_disabled; ?></option>';
        html += '    </select></td>';		
        html += '    <td class="left"><select name="newsfeatured_module[' + module_row + '][status]">';
        html += '      <option value="1" selected="selected"><?php echo $text_enabled; ?></option>';
        html += '      <option value="0"><?php echo $text_disabled; ?></option>';
        html += '    </select></td>';
        html += '    <td class="right"><input type="text" name="newsfeatured_module[' + module_row + '][sort_order]" value="" size="3" /></td>';
        html += '    <td class="left"><a onclick="$(\'#module-row' + module_row + '\').remove();" class="button"><?php echo $button_remove; ?></a></td>';
        html += '  </tr>';
        html += '</tbody>';
	
        $('#module tfoot').before(html);
	
        module_row++;
    }
    //--></script>
    <?php echo $footer; ?>